{% include 'head.html' %}








<body>





  <!-- 最为层容器 -->
  <div class="jd_container">
    <!-- 顶部 -->
    <div class="jd_header" style="height: 50px;background: #dce2ec;">

      <!--<span style="float: left;margin-left: -18%;margin-top: 15px;">货比三家</span>-->
      
      
      <div style="text-align:center;margin-top: 5%;">
        <span style="font-size: 18px;">设置昵称</span>
      </div>
    </div>


    <div class="jd_nav" style="background-color: #fff;">

      <div style="margin-top: 25%;">
        
    <div style="text-align:center;">
      <h5>亲爱的用户您好，初次使用请设置一个昵称哟！</h5>
      <input type="text" id="nameval" style="width: 80%;height: 40px;margin-top: 20px;"  placeholder="请为您的货比三家账号取一个昵称" >
      <a class="btn btn-success" style="width: 80%;margin-bottom:10px;margin-top: 35px;" onclick="setnamego();">确认,下一步</a>
    </div>
    <div style="margin-left: 10%;margin-top: 50px;color: red;">
      <span >规则：<br> 1.昵称不能含有非法字符；<br> 2.不能含有敏感词汇；<br> 3.长度范围在1个字符到10个字符。</span>
        </div>
  </div>
</div>


  <script type="text/javascript">





    function setnamego_show(datas){
      if(datas == 0){

                webToast("昵称已存在，请更换！","middle",3000);
             }
             if(datas == 1){

                webToast("设置成功","middle",2000);
                window.location.href="/setuserinfo";
             }
             if(datas == 2){

                webToast("异常请求，开发不易请勿破坏","middle",2000);
                window.location.href="/";
             }
             if(datas == 3){

                //webToast("登录成功-需要填写个人信息","middle",2000);
                popTipShow.alert('昵称非法','1.昵称不能含有非法字符；2.不能含有敏感词汇；3.长度范围在1个字符到10个字符。', ['确认'],
                function(e){
                  //callback 处理按钮事件     
                  var button = $(e.target).attr('class');
                  if(button == 'ok'){
                  //按下确定按钮执行的操作
                  //todo ....

                  window.location.href="/setname";

                  this.hide();

                  } 
                }
              );
             }
    }

    
    function setnamego() {
      
      var namedata = $("#nameval").val();

      if(namedata != ""){
        //webToast(namedata,"middle",2000);
        var datas = {
                  "names":namedata
                  
                }
                post_api_ajax3(datas,"setnameapi",setnamego_show);
                }
      
      else{
        webToast("昵称不能为空","middle",2000);
      }

    }




  </script>
   
 

    <!-- 京东内容区域 -->
    <div class="jd_mian" id="container">
      <div class="main_content" style="background-color: #edf4ff;">
        
        
        


      
        
        



        



      </div>
    </div>


    

  </div>

</body>


{% include 'js.html' %}

</html>




